<<<<<<< HEAD
var dataAll = [389, 259, 262, 324, 232, 176, 196, 214, 133, 370];
var yAxisData = ['原因1','原因2','原因3','原因4','原因5','原因6','原因7','原因8','原因9','原因10'];
var option = {
    backgroundColor: '#fff',
    title:[
        {text:"各渠道投诉占比",x: '2%', y: '1%',textStyle:{color:"#aaa",fontSize:"14"}},
        {text:"投诉原因TOP10",x: '40%', y: '1%',textStyle:{color:"#aaa",fontSize:"14"}},
        {text:"各级别投诉占比",x: '2%', y: '50%',textStyle:{color:"#aaa",fontSize:"14"}},
    ],
    grid: [
        {x: '50%', y: '7%', width: '45%', height: '90%'},
    ],
    tooltip: {
        formatter: '{b} ({c})'
    },
    xAxis: [
        {gridIndex: 0, axisTick: {show:false},axisLabel: {show:false},splitLine: {show:false},axisLine: {show:false }},
    ],
    yAxis: [
        {  gridIndex: 0, interval:0,data:yAxisData.reverse(),
            axisTick: {show:false}, axisLabel: {show:true},splitLine: {show:false},
            axisLine: {show:true,lineStyle:{color:"#aaa"}},
        }
    ],
    series: [
        {
            name: '各渠道投诉占比',
            type: 'pie',
            radius : '30%',
            center: ['22%', '25%'],
            color:['#c23531','#2F4554','#61A0A8','#D48265','#96DCC3'],
            data:[
                {value:335, name:'客服电话'},
                {value:310, name:'奥迪官网'},
                {value:234, name:'媒体曝光'},
                {value:135, name:'质检总局'},
                {value:105, name:'其他'},
            ],
            labelLine:{normal:{show:false}},
            itemStyle: {normal: {label:{ show: true,  formatter: '{b} \n ({d}%)', textStyle:{color:'#B1B9D3'}} },},
        },
        {
            name: '各级别投诉占比',
            type: 'pie',
            radius : '30%',
            center: ['22%', '75%'],
            color:['#c23531','#2F4554','#61A0A8','#D48265','#96DCC3'],
            labelLine:{normal:{show:false}},
            data:[
                {value:335, name:'A级'},
                {value:310, name:'B级'},
                {value:234, name:'C级'},
                {value:135, name:'D级'},
            ],
            itemStyle: {normal: {label:{ show: true,  formatter: '{b} \n ({d}%)', textStyle:{color:'#B1B9D3'}} },},
        },
        {
            name: '投诉原因TOP10',
            type: 'bar',xAxisIndex: 0,yAxisIndex: 0,barWidth:'45%',
            itemStyle:{normal:{color:'#2F4554'}},
            label:{normal:{show:true, position:"right",textStyle:{color:"#9EA7C4"}}},
            data: dataAll.sort(),
        },

    ]
};

var mychart7 =echarts.init(document.getElementById('charts7'));
=======
var dataAll = [389, 259, 262, 324, 232, 176, 196, 214, 133, 370];
var yAxisData = ['原因1','原因2','原因3','原因4','原因5','原因6','原因7','原因8','原因9','原因10'];
var option = {
    backgroundColor: '#fff',
    title:[
        {text:"各渠道投诉占比",x: '2%', y: '1%',textStyle:{color:"#aaa",fontSize:"14"}},
        {text:"投诉原因TOP10",x: '40%', y: '1%',textStyle:{color:"#aaa",fontSize:"14"}},
        {text:"各级别投诉占比",x: '2%', y: '50%',textStyle:{color:"#aaa",fontSize:"14"}},
    ],
    grid: [
        {x: '50%', y: '7%', width: '45%', height: '90%'},
    ],
    tooltip: {
        formatter: '{b} ({c})'
    },
    xAxis: [
        {gridIndex: 0, axisTick: {show:false},axisLabel: {show:false},splitLine: {show:false},axisLine: {show:false }},
    ],
    yAxis: [
        {  gridIndex: 0, interval:0,data:yAxisData.reverse(),
            axisTick: {show:false}, axisLabel: {show:true},splitLine: {show:false},
            axisLine: {show:true,lineStyle:{color:"#aaa"}},
        }
    ],
    series: [
        {
            name: '各渠道投诉占比',
            type: 'pie',
            radius : '30%',
            center: ['22%', '25%'],
            color:['#c23531','#2F4554','#61A0A8','#D48265','#96DCC3'],
            data:[
                {value:335, name:'客服电话'},
                {value:310, name:'奥迪官网'},
                {value:234, name:'媒体曝光'},
                {value:135, name:'质检总局'},
                {value:105, name:'其他'},
            ],
            labelLine:{normal:{show:false}},
            itemStyle: {normal: {label:{ show: true,  formatter: '{b} \n ({d}%)', textStyle:{color:'#B1B9D3'}} },},
        },
        {
            name: '各级别投诉占比',
            type: 'pie',
            radius : '30%',
            center: ['22%', '75%'],
            color:['#c23531','#2F4554','#61A0A8','#D48265','#96DCC3'],
            labelLine:{normal:{show:false}},
            data:[
                {value:335, name:'A级'},
                {value:310, name:'B级'},
                {value:234, name:'C级'},
                {value:135, name:'D级'},
            ],
            itemStyle: {normal: {label:{ show: true,  formatter: '{b} \n ({d}%)', textStyle:{color:'#B1B9D3'}} },},
        },
        {
            name: '投诉原因TOP10',
            type: 'bar',xAxisIndex: 0,yAxisIndex: 0,barWidth:'45%',
            itemStyle:{normal:{color:'#2F4554'}},
            label:{normal:{show:true, position:"right",textStyle:{color:"#9EA7C4"}}},
            data: dataAll.sort(),
        },

    ]
};

var mychart7 =echarts.init(document.getElementById('charts7'));
>>>>>>> 64023929a954491135e98eced71561cf8107da2a
mychart7.setOption(option);